


@font-face {
    font-family: 'ISOCPEUR';
    src: url('https://db.onlinewebfonts.com/t/4b5ae315f5df148f0ab479a7cedc9832.woff2') format('woff2');
    font-display: swap; /* ensures fallback text is visible until font loads */
}

body {
    background-color: #f9f9f9;
    /*background-image: url("");*/
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: bottom;
    background-size: 100%;
}


.Head {
    margin: 0px auto;           /* выравнивание по центру*/
    background: #404040;        /* #c0cfe2 цвет фона меню*/
    border-bottom: 5px solid #555;
    position: fixed;
    top: 0px;
    left: 0px;
    height: 80px;
    width: 100%;
}

/* меню */
.lang {
    top:100px;
    cursor: pointer;
    width: 150px;
    font-size: 20px;
    font-weight: bold;
    position: fixed;
    color: grey;
}

.lang td {
        padding: 5px;
        border: 1px solid gray;
        background: rgba(32, 42, 52, 0.7); /* same color but 70% opaque */
        text-align: center;
        font-family: 'ISOCPEUR', Arial, sans-serif;
    }
.lang td:hover {
        color: yellow;
        /*background: #202A34;*/
 }

.MainMenu {
    margin: 0px auto;           /* выравнивание по центру всей батареи меню*/
    background: #404040;        /* #c0cfe2 цвет фона меню*/
    width: 100%;
    height:100%;
    max-width: 1020px;          /* the same as .mainbody (main.css)*/
    border: 0px solid white;    /* стиль окантовки */
}

.MainMenu td {
        width: 20%;
        text-align: center;         /* выравнивае текста*/
        border: 0px solid white;    /* стиль окантовки */
        font-weight: bold;
        font-size: 22px;
        font-family: 'ISOCPEUR', Arial, sans-serif;
        text-transform: uppercase;
    }

 .MainMenu td:hover {
            background: #202A34;
 }

/* пункт меню - графическая пиктограмма */
.MainMenu img.logoImg {
    display: block;
    margin: auto;
    width: 163px;
    height: 71px;
}

/* пункт меню - графическая пиктограмма */
.MainMenu img {
        display: block;
        margin: auto;
        width: 35px;
        height: 35px;
}

/* пункт меню - стили текста и фона */
.MainMenu a {
        color: orange;                   /*#231f20 цвет текста */
        text-decoration: none;           /* нет подчеркивания */
}
        /* пункт меню - подсветка при наведении мышки*/
.MainMenu a:hover {
            color: whitesmoke;
            transition: 0.5s linear;
}

    
